import router from './router'
import store from './store'
// import { Message } from 'element-ui'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

router.beforeEach(async (to, from, next) => {
  const token = store.getters.token
  const url = to.path
  const whiteList = ['/login', '/404']
  if (token && url === '/login') {
    next('/')
  }
  if (token && url !== '/login') {
    if (!store.getters.userId) {
      // 如果没有id这个值 才会调用 vuex的获取资料的action
      const { roles } = await store.dispatch('user/getUserInfo')
      // 为什么要写await 因为我们想获取完资料再去放行
      const routes = await store.dispatch('permission/filterRoutes', roles.menus)
      router.addRoutes([...routes, { path: '*', redirect: '/404', hidden: true }]) // 添加到路由表
      next(to.path)
      return
    }
    next()
  }
  if (!token && whiteList.includes(url)) {
    next()
  }
  if (!token && !whiteList.includes(url)) {
    next('/login')
  }
})
// router.beforeEach(function (to, from, next) {
//     NProgress.start() // 开启进度条
//     //  首先判断有无token
//     if (store.getters.token) {
//         //   如果有token 继续判断是不是去登录页
//         if (to.path === '/login') {
//             //  表示去的是登录页
//             next('/') // 跳到主页
//         } else {
//             next() // 直接放行
//         }
//     } else {
//         // 如果没有token
//         const whiteList = ['/login', '/404']
//         if (whiteList.indexOf(to.path) !== -1) {

//             // 如果找到了 表示在在名单里面
//             next()
//         } else {
//             next('/login') // 跳到登录页
//         }
//     }

//     NProgress.done() // 手动强制关闭一次  为了解决 手动切换地址时  进度条的不关闭的问题
// })
// 后置守卫

router.afterEach(function () {
  NProgress.done() // 关闭进度条
})
